﻿<div id="UserProfileForm">
    <div class="title"><h3>Your Profile</h3></div>
    <hr />
    <div class="profile-info" data-bind="foreach: Patient">
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Patient ID:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="text: ID"></div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Social ID:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="text: SocialID"></div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Name:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="text: Name"></div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Birthday:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="date: Birthday"></div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Male:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="male: Male"></div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Address:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="text: Address"></div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-5 col-left">Phone:</div>
            <div class="col-lg-10 col-md-10 col-sm-9 col-xs-7 col-right" data-bind="text: Phone"></div>
        </div>
    </div>
    <hr />
    <div class="footer">
        <div id="change-password" class="btn btn-primary">Change Password</div>
    </div>
</div>
